.visible-xs {
    display: block;
}
.hidden-xs {
    display: none;
}
.overlay-element {
    width: 100%;
    height: 640px;
}

@media (min-width: 768px) {
    .visible-xs {
        display: none;
    }
    .hidden-xs {
        display: block;
    }
    .modal-dialog {
        width: 100%;
        max-width: 635px;
    }

    // .contact-czn {
    //     margin-bottom: 0;
    // }
}

@media (max-width: 768px) {

    .cabinet.government-services .item-list li span {
        display: block;
    }

    .cabinet.government-services .item-list li {
        .icon {
            display: block;
            
            &::before {
                display: block;
                float: left;
            }

            span {
                line-height: 20px;
            }
        }
    }

    .nav {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .nav-tabs .nav-item {
        display: flex;
        flex: 0 0 auto;
    }

    .cabinet .wrapper .main .navbar {
        .navbar-collapse {
            position: fixed;
            top: 0;
            min-height: 100%;
            min-width: 100%;
            background-color: rgba(0, 0, 0, .5);
            left: -100%;
            z-index: 16;
            transition: all 600ms;

            &.show {
                left: 0;
            }

            .navbar-content {
                min-width: 320px;
                max-width: 320px;
                background-color: #FFFFFF;
                z-index: 17;
                position: absolute;
                bottom: 0;
                top: 0;
                left: 0;
                display: flex;
                flex-direction: column;
                overflow-y: auto;

                &::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                    background-color: #F5F5F5;
                }

                &::-webkit-scrollbar {
                    width: 6px;
                    background-color: #F5F5F5;
                }

                &::-webkit-scrollbar-thumb {
                    background-color: #FF8C1C;
                    border-radius: 6px;
                }

                .head {
                    display: flex;
                    align-items: center;
                    padding: 20px;
                    border-bottom: 1px solid #F5F5F6;

                    .icon {
                        margin-right: 10px;
                    }

                    .info {
                        margin-right: auto;

                        ul {
                            margin-bottom: 0;
                        }

                        .login {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 16px;
                            line-height: 20px;
                            color: #495057;
                            word-break: break-all;
                        }

                        .last-date {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 12px;
                            line-height: 15px;
                            color: #ACB5BD;
                        }
                    }

                    .close {
                        padding: 0;
                        color: #FF8C1C;
                        display: flex;

                        &:focus {
                            outline: none;
                            box-shadow: none;
                        }
                    }
                }

                .location {
                    padding: 12px 20px;
                    border-bottom: 1px solid #F5F5F6;
                    font-family: Montserrat, sans-serif;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 18px;
                    color: #212429;
                    display: flex;
                    align-items: center;
                    text-decoration: none;

                    &::before {
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE3OTMyIDcuMjkzNDlDMS4xOTAxMyA0LjExMzA1IDMuNzc3MTQgMS41NDM1NSA2Ljk1NzU4IDEuNTU0MzZDMTAuMTM4IDEuNTY1MTYgMTIuNzA3NSA0LjE1MjE4IDEyLjY5NjcgNy4zMzI2MlY3LjM5NzgzQzEyLjY1NzYgOS40NjUyMiAxMS41MDMyIDExLjM3NjEgMTAuMDg4IDEyLjg2OTZDOS4yNzg2NSAxMy43MSA4LjM3NDgzIDE0LjQ1NDEgNy4zOTQ1NCAxNS4wODdDNy4xMzI0MiAxNS4zMTM3IDYuNzQzNjIgMTUuMzEzNyA2LjQ4MTUgMTUuMDg3QzUuMDIwMTIgMTQuMTM1OCAzLjczNzUyIDEyLjkzNDkgMi42OTIzNiAxMS41MzkxQzEuNzYwODMgMTAuMzIyIDEuMjMxOTUgOC44NDQ4MSAxLjE3OTMyIDcuMzEzMDVMMS4xNzkzMiA3LjI5MzQ5WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxlbGxpcHNlIGN4PSI2LjkzODA2IiBjeT0iNy40MDQzNyIgcng9IjEuODQ1NjUiIHJ5PSIxLjg0NTY1IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
                        background-repeat: no-repeat;
                        background-size: contain;
                        margin-right: 8px;
                    }

                    &::after {
                        content: '';
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                        background-repeat: no-repeat;
                        background-position: center;
                        width: 12px;
                        height: 12px;
                        margin-left: 4px;
                    }
                }

                .navbar-top {
                    margin-bottom: auto;

                    > ul {
                        list-style: none;
                        margin: 0;
                        padding: 12px 20px;

                        &:nth-child(1) {
                            border-bottom: 1px solid #F5F5F6;
                        }

                        li {
                            a {
                                font-family: Montserrat, sans-serif;
                                font-style: normal;
                                font-weight: 500;
                                font-size: 14px;
                                line-height: 18px;
                                color: #495057;
                                text-decoration: none;

                                &[aria-expanded="true"] {
                                    color: #FF8C1C;
                                    font-weight: bold;
                                }
                            }

                            > ul {
                                list-style: none;
                                margin: 0;
                                padding: 0 0 0 16px;
                            }
                        }
                    }
                }

                .navbar-bottom {
                    padding: 12px 20px;
                    list-style: none;
                    margin: 0;

                    li {
                        ul {
                            padding: 0 0 0 24px;

                            li {
                                list-style: none;
                            }
                        }

                        a {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 30px;
                            color: #495057;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1199px) {

    .page.employment-services .employment-services-image {

        &::before {
            top: -70px;
            right: -40px;
            transform: scale(0.9);
        }

        &::after {
            top: 30px;
            right: 10px;
            transform: scale(0.9);
        }
    }
}

@media (max-width: 991px) {

    .page.employment-services .employment-services-image {

        &::before, &::after {
            content: "";
        }
    }

    .employment-services-item-bordered {
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .rbg {
        &.item-list {
            .info {
                & + .info {
                    margin-left: 0;
                }
            }
        }
    }

    .pagination {
        justify-content: center;

        .prev,
        .next {

            span {
                display: none;
            }

            a::before,
            a::after {
                width: 10px;
                height: 10px;
                margin: 0;
            }
        }
    }

    .pagination .prev,
    .pagination .next {
        margin: 0;
    }

    .tech-support-text {
        margin-bottom: 8px;
    }
}

@media (max-width: 440px) {

    .h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width: 550px) {
}

@media (max-width: 991px) {

    .company-list .searchbar {
        position: relative;
        width: auto;
        top: auto;
    }

    .filter-block {
        position: fixed;
        z-index: 14;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        border-radius: 0;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.25s ease;
    }

    .filter-block.active {
        transform: translate(0);
        visibility: visible;
        transition: transform 0.25s ease;
    }

    .filter-block-body {
        padding: 17px 24px;
        overflow-y: auto;
        height: calc(100% - 64px);
    }

    .filter-block-header {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 20px 24px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

        span {
            font-family: Montserrat, sans-serif;
            font-weight: 700;
            font-size: 16px;
            line-height: 19.5px;
            padding-right: 24px;
            color: #495057;
        }

        button {
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF8C1C'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>");
        }
    }

    .how-it-work-steps {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    .sidebar {
        .sidebar-item.child {

            .sidebar-link {
                width: 240px !important;
                white-space: normal !important;
                text-align: left !important;
            }
        }
    }

    .item-list.resume ul {
        flex-direction: column;
        align-items: start;
    }

    .item-list.resume ul li + li {
        margin-left: 0;
    }

}

@media (max-width: 1199px) {

    .page.resume .item .info {
        display: flex;
        flex-direction: column;
    }

    .page.resume .item .info li + li {
        margin-left: 0;
    }

    .page.resume .item .info li.dark {
        margin-bottom: 10px;
        display: flex;

        .info-title {
            flex: 1;
        }

        span {
            flex: 2.5;
        }
    }
}

@media (max-width: 490px) {

    .page .list-date {

        .item {
            flex-direction: column;
        }

        .date {
            margin-bottom: 8px;
        }
    }

    .page.resume .item .text .single-line {
        flex-direction: column;

        .label {
            margin-bottom: 0;
        }
    }

    .page.resume .item .text .single-line.big .label {
        margin-bottom: 24px;
    }

    .page.resume .item .info li.dark {
        display: flex;
        flex-direction: column;

        span {
            margin-left: 0;
        }
    }
}

@media (max-width: 767px) {

    .page.resume .item .text .single-line {
        margin-bottom: 24px;
    }

    .page.resume .item .info li .info-title {
        margin-left: 0;
        color: #ACB5BD;
    }
}

@media (min-width: 768px) {

    .page.resume .item .info li .info-title {
        margin-left: 0;
        color: #ACB5BD;
    }
}

@media (max-width: 1199px) {

}


@media (min-width: 992px) {

    .w-lg-75 {
        width: 75% !important;
    }

    .mobile-filter-button {
        display: none;
    }

    .filter-block {
        transition: transform 0.125s ease;
    }

    .filter-block-header {
        display: none;
    }
}

@media (max-width: 991px) {

    .mobile-filter-button {
        display: inline-flex;
        width: 100%;
        padding: 17px 16px;
        margin-bottom: 14px;
        box-sizing: border-box;
        background-color: #FFFFFF;
        border: 1px solid  #DDE2E5;
        border-radius: 8px;
        position: relative;

        &:hover,
        &:focus {
            background-color: #F5F5F6;
        }

        &::after {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-grid' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            top: 50%;
            right: 14px;
            transform: translateY(-50%);
        }

        span {
            font-family: Montserrat, sans-serif;
            font-weight: 700;
            font-size: 16px;
            line-height: 19.5px;
            padding-right: 24px;
            color: #495057;
        }
    }
}

@media (max-width: 767px) {
    .sorting-box {
        padding: 0;
        border: none;

        .sorting-fixed {
            position: fixed;
            bottom: 55px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgb(27, 26, 65);
            border-radius: 30px;
            z-index: 10;
            padding: 5px 10px;
            column-gap: 12px;

            .dropdown {
                & + .dropdown {
                    border-left: 1px solid #ACB5BD;
                    padding-left: 12px;
                }

                .btn-link {
                    color: #FFFFFF;
                }

                .swap::before {
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljg1ODYgMC4yMzAxNDhDNS41NjQ0OSAwLjAxMTA3NzIgNS4xNDYyNCAwLjAzNTQxODUgNC44Nzk3MiAwLjMwMzE3MkwwLjgwMTk0MiA0LjM5OTg0TDAuNzI5NTE4IDQuNDg0MTJDMC41MTIzNDMgNC43NzgyNCAwLjUzNzUxMiA1LjE5NDg1IDAuODA0MzkzIDUuNDYwNUwwLjg4ODY3OSA1LjUzMjkyQzEuMTgyNzkgNS43NTAxIDEuNTk5NCA1LjcyNDkzIDEuODY1MDUgNS40NTgwNUw0LjY2MTE2IDIuNjQ4NDVWMTQuNDUwNkw0LjY2ODAxIDE0LjU1MjRDNC43MTc2NyAxNC45MTg1IDUuMDMxNDcgMTUuMjAwNiA1LjQxMTE2IDE1LjIwMDZDNS44MjUzOCAxNS4yMDA2IDYuMTYxMTYgMTQuODY0OCA2LjE2MTE2IDE0LjQ1MDZWMi42NDg1OEw4Ljk1NzUgNS40NTgwNUw5LjA0MTQ1IDUuNTMwODZDOS4zMzQ1NSA1Ljc0OTM5IDkuNzUxMjcgNS43MjYxNSAxMC4wMTgyIDUuNDYwNUMxMC4zMTE3IDUuMTY4MjggMTAuMzEyOCA0LjY5MzQxIDEwLjAyMDYgNC4zOTk4NEw1Ljk0MjgzIDAuMzAzMTcyTDUuOTM3NjMgMC4yOTg2NjZDNS45MTQ3NCAwLjI3NjEwNSA1Ljg5MDQxIDAuMjU1MDA1IDUuODY0NzkgMC4yMzU1MTVMNS44NTg2IDAuMjMwMTQ4Wk0xNi4wODI4IDMuNDQ0NjJDMTYuMDMzMSAzLjA3ODU0IDE1LjcxOTMgMi43OTYzOSAxNS4zMzk2IDIuNzk2MzlDMTQuOTI1NCAyLjc5NjM5IDE0LjU4OTYgMy4xMzIxNyAxNC41ODk2IDMuNTQ2MzlWMTUuMzQ4MUwxMS43OTMzIDEyLjUzODlMMTEuNzA5MyAxMi40NjYxQzExLjQxNjIgMTIuMjQ3NiAxMC45OTk1IDEyLjI3MDggMTAuNzMyNiAxMi41MzY1QzEwLjQzOSAxMi44Mjg3IDEwLjQzNzkgMTMuMzAzNiAxMC43MzAyIDEzLjU5NzJMMTQuODA3OSAxNy42OTM4TDE0LjgxMzEgMTcuNjk4M0MxNC44MzYgMTcuNzIwOSAxNC44NjA0IDE3Ljc0MiAxNC44ODYgMTcuNzYxNUwxNC44OTIyIDE3Ljc2NjhDMTUuMTg2MyAxNy45ODU5IDE1LjYwNDUgMTcuOTYxNiAxNS44NzExIDE3LjY5MzhMMTkuOTQ4OCAxMy41OTcyTDIwLjAyMTMgMTMuNTEyOUMyMC4yMzg0IDEzLjIxODggMjAuMjEzMyAxMi44MDIxIDE5Ljk0NjQgMTIuNTM2NUMxOS42NTI4IDEyLjI0NDMgMTkuMTc3OSAxMi4yNDU0IDE4Ljg4NTcgMTIuNTM4OUwxNi4wODk2IDE1LjM0NzFWMy41NDYzOUwxNi4wODI4IDMuNDQ0NjJaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPg==");
                }
            }
        }
    }

    .num-vacacncy {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #141414;
        text-decoration: none;
    }

    .btn-skills {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #FF8C1C;
        text-decoration: none;
        border-width: 0;
        background-color: transparent;
        display: flex;
        align-items: center;

        &::after {
            content: '';
            min-width: 18px;
            width: 18px;
            height: 18px;
            display: flex;
            margin-left: 8px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95301 2.25C4.96862 2.25 4.98429 2.25 5.00001 2.25L19.047 2.25C19.7139 2.24997 20.2841 2.24994 20.7398 2.30742C21.2231 2.36839 21.6902 2.50529 22.0738 2.86524C22.4643 3.23154 22.6194 3.68856 22.6875 4.16405C22.7501 4.60084 22.7501 5.14397 22.75 5.76358L22.75 6.54012C22.75 7.02863 22.75 7.45095 22.7136 7.80311C22.6743 8.18206 22.5885 8.5376 22.3825 8.87893C22.1781 9.2177 21.9028 9.4636 21.5854 9.68404C21.2865 9.8917 20.9045 10.1067 20.4553 10.3596L17.5129 12.0159C16.8431 12.393 16.6099 12.5288 16.4542 12.6639C16.0966 12.9744 15.8918 13.3188 15.7956 13.7504C15.7545 13.9349 15.75 14.1672 15.75 14.8729L15.75 17.605C15.7501 18.5062 15.7501 19.2714 15.6574 19.8596C15.5587 20.4851 15.3298 21.0849 14.7298 21.4602C14.1434 21.827 13.4975 21.7933 12.8698 21.6442C12.2653 21.5007 11.5203 21.2094 10.6264 20.8599L10.5395 20.826C10.1208 20.6623 9.75411 20.519 9.46385 20.3691C9.1519 20.208 8.8622 20.0076 8.64055 19.6957C8.41641 19.3803 8.32655 19.042 8.28648 18.6963C8.24994 18.381 8.24997 18.0026 8.25 17.5806L8.25 14.8729C8.25 14.1672 8.24555 13.9349 8.20442 13.7504C8.1082 13.3188 7.90342 12.9744 7.54584 12.6639C7.39014 12.5288 7.15692 12.393 6.48714 12.0159L3.54471 10.3596C3.09549 10.1067 2.71353 9.8917 2.41458 9.68404C2.09724 9.4636 1.82191 9.2177 1.61747 8.87893C1.41148 8.5376 1.32571 8.18206 1.28645 7.80311C1.24996 7.45094 1.24998 7.02863 1.25 6.54012L1.25001 5.81466C1.25001 5.79757 1.25 5.78054 1.25 5.76357C1.24996 5.14396 1.24991 4.60084 1.31251 4.16405C1.38064 3.68856 1.53576 3.23154 1.92618 2.86524C2.30983 2.50529 2.77695 2.36839 3.26024 2.30742C3.71592 2.24994 4.28607 2.24997 4.95301 2.25ZM3.44796 3.79563C3.1143 3.83772 3.0082 3.90691 2.95251 3.95916C2.90359 4.00505 2.83904 4.08585 2.79734 4.37683C2.75181 4.69454 2.75001 5.12868 2.75001 5.81466V6.50448C2.75001 7.03869 2.75093 7.38278 2.77846 7.64854C2.8041 7.89605 2.84813 8.01507 2.90174 8.10391C2.9569 8.19532 3.0485 8.298 3.27034 8.45209C3.50406 8.61444 3.82336 8.79508 4.30993 9.06899L7.22296 10.7088C7.25024 10.7242 7.2771 10.7393 7.30357 10.7542C7.86227 11.0685 8.24278 11.2826 8.5292 11.5312C9.12056 12.0446 9.49997 12.6682 9.66847 13.424C9.75036 13.7913 9.75022 14.2031 9.75002 14.7845C9.75002 14.8135 9.75 14.843 9.75 14.8729V17.5424C9.75 18.0146 9.75117 18.305 9.77651 18.5236C9.79942 18.7213 9.83552 18.7878 9.8633 18.8269C9.89359 18.8695 9.95357 18.9338 10.152 19.0363C10.3644 19.146 10.6571 19.2614 11.1192 19.442C12.0802 19.8177 12.7266 20.0685 13.2164 20.1848C13.695 20.2985 13.8527 20.2396 13.9343 20.1885C14.0023 20.146 14.1073 20.0597 14.1757 19.626C14.2478 19.1686 14.25 18.5234 14.25 17.5424V14.8729C14.25 14.843 14.25 14.8135 14.25 14.7845C14.2498 14.2031 14.2496 13.7913 14.3315 13.424C14.5 12.6682 14.8794 12.0446 15.4708 11.5312C15.7572 11.2826 16.1377 11.0685 16.6964 10.7542C16.7229 10.7393 16.7498 10.7242 16.7771 10.7088L19.6901 9.06899C20.1767 8.79508 20.496 8.61444 20.7297 8.45209C20.9515 8.298 21.0431 8.19532 21.0983 8.10391C21.1519 8.01507 21.1959 7.89605 21.2215 7.64854C21.2491 7.38278 21.25 7.03869 21.25 6.50448V5.81466C21.25 5.12868 21.2482 4.69454 21.2027 4.37683C21.161 4.08585 21.0964 4.00505 21.0475 3.95916C20.9918 3.90691 20.8857 3.83772 20.5521 3.79563C20.2015 3.75141 19.727 3.75 19 3.75H5.00001C4.27297 3.75 3.79854 3.75141 3.44796 3.79563Z' fill='%23FF8C1C'/%3E%3C/svg%3E");
        }
    }
}

@media (max-width: 767px) {

    .job-overview {
        color: #495057;

        .bg1,
        .bg2 {
            background-image: none;
            background-color: rgba(255, 170, 89, 0.22);
        }

        .transparent-tags li a {
            color: #495057;
        }

        .nav-tabs .nav-link.active {
            color: #FF8C1C;
        }

    }
}

@media (max-width: 1199px) {

    .page.vacancy .item .info {
        display: flex;
        flex-direction: column;
    }

    .page.vacancy .item .info.small li {
        margin-left: 0;
    }

    .page.vacancy .item .info li + li {
        margin-left: 0;
    }

    .page.vacancy .item .info li {
        display: flex;
        margin-bottom: 10px;

        .info-title {
            flex: 1;
            color: #ACB5BD;
            padding-right: 15px;
        }

        span {
            flex: 2.5;
        }
    }
}

@media (min-width: 1200px) {

    .page.vacancy .item .info li .info-title {
        color: #ACB5BD;
        margin-right: 4px;
    }
}

@media (max-width: 767px) {

    .page.vacancy .item .text .single-line {
        display: flex;
        flex-direction: column;
    }

    .page.vacancy .item .text .single-line .label {
        margin-bottom: 2px;
    }
}

@media (max-width: 490px) {

    .page.vacancy .item .info + .info {
        margin-left: 0;
    }

    .page.vacancy .item .info li {
        display: flex;
        flex-direction: column;
    }

    .page.vacancy .item .info li .info-title {
        margin-bottom: 2px;
    }
}

@media (max-width: 767px) {

    .page.white .head h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width: 490px) {

    .page.white .head h1 {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {

    .page.employment-services .employment-services-list .item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        .icon {
            margin-bottom: 10px;
        }

        .info {
            margin-bottom: 30px;
        }
    }
}

@media (max-width: 767px) {

    .page.pea .item .info {
        display: flex;
        flex-direction: column;
    }

    .page.pea .item .info li + li {
        margin-left: 0;
        margin-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .wmbc {
        .content {
            margin: 20px 0 0;
        }
    }

    .page.auth,
    .page.auth.register,
    .page.auth.lostpassword {
        background-image: none;
    }

    .page.auth.register .text-side {
        display: none;
    }

    .page.auth .content {
        margin-top: 50px;
    }

    .page.auth .content .container {
        align-items: flex-start;
    }

    .page.auth .form-side .reg-link {
        text-align: center;
    }

    .page.auth .footer {
        display: none;
    }

    .page.auth .form-side .social-btn ul li a {
        padding: 10px 22px;
    }

    .page.auth .form-side {
        min-width: 280px;
        max-width: 375px;
        width: 100%;
    }

    .page.auth .header .login-link,
    .page.auth .header .reg-link {
        padding: 5px 22px;
        background-color: #FF8C1C;
        border-radius: 8px;
    }

    .page {
        &.resettlement {
            .input-group {
                &:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px;
                    margin-bottom: 1rem;
                }

                > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
                    margin-left: 0;
                    border-top-left-radius: .25rem;
                    border-bottom-left-radius: .25rem;
                    display: block;
                    width: 100%;
                }
            }
        }
    }
}

@media (max-width: 340px) {
    .page.auth .form-side .social-btn ul li a {

        span {
            display: none;
            width: 0;
            visibility: hidden;
        }
    }

    .page.auth .form-side .social-btn ul li a.icon-mail::before,
    .page.auth .form-side .social-btn ul li a.icon-fb::before,
    .page.auth .form-side .social-btn ul li a.icon-vk::before,
    .page.auth .form-side .social-btn ul li a.icon-ok::before {
        margin-right: 0;
    }
}

// 'cabinet' page adaptive styles
@media (max-width: 576px) {
    h3 {
        font-size: 21px;
        line-height: 18px;
    }

    h4 {
        font-size: 18px;
        line-height: 21px;
    }

    .new-bordered-box {
        border: none;
        padding: 0;
    }

    .gbd-accord-main-box h3 {
        padding: 12px;
    }

    .bordered-box-outline {
        padding: 0;
        border: none;
        margin-top: 0;
    }

    .img-load-field .img-box {
        display: none;
    }

    .item-list {
        display: flex;
        flex-direction: column;

        .progress-bar {
            margin-bottom: 20px;
        }
    }
}

@media (max-width: 992px) {
    .col-lg-3 + .col-lg-9 {
        margin-top: 1rem;
    }

    .page {
        p {
            font-size: 14px;
            word-break: break-word;
        }
    }

    .content {
        margin: 80px 0 70px;

        .job-overview {
            background-color: rgba(255, 170, 89, 0.22);

            .h3 {
                font-family: Montserrat Alternates, sans-serif;
                font-style: normal;
                font-weight: bold;
                font-size: 28px;
                line-height: 34px;
                color: #495057;
            }

            .nav-tabs {
                .nav-item.show .nav-link, .nav-link.active {
                    color: #FF8C1C;
                }

                .nav-link {
                    color: #495057;
                }
            }

            .transparent-tags {
                li {
                    a {
                        color: #495057;
                    }
                }
            }
        }

        .top-companies {
            .head {
                display: flex;
                flex-direction: column;
                margin-bottom: 16px;

                h3 {
                    margin-right: auto;
                    margin-bottom: 12px;
                }

                .button-alternate {
                    display: block;
                    width: 100%;
                }
            }

            ul {
                li {
                    a {
                        padding: 16px;

                        span {
                            background-size: inherit;
                        }
                    }
                }
            }
        }

        .contact-czn {
            margin-bottom: 0;
        }

        .toggler {
            a {
                width: 100%;
                text-align: center;
            }
        }
    }

    .feedback {
        background-color: rgba(255, 170, 89, 0.22);
        margin: 0 0 55px;
    }

    .company-list {
        .content {
            margin-top: 20px;
        }
    }
}

@media (max-width: 767px) {
    .resettlement {
        .employment-services-form  {
            background-image: none !important;
        }
    }

    .single-line {
        display: flex;
        flex-direction: column;
    }

    .page.employment-support .hero {
        min-height: 330px;
    }

    .page.employment-support .hero .hero-content h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .page.employment-support .what-measures h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .page.employment-support .what-measures .container {
        background-image: none;
    }

    .page.employment-support .why-not {
        background-image: none;
    }

    .page.employment-support .steps .step-list .item .step {
        display: none;
    }

    .page.employment-support .steps .step-list .item {
        padding-right: 30px;
    }
}

@media (max-width: 991px) {

    .page.vacancy .item .info + .info {
        margin-left: 0;
    }
}

@media (max-width: 991px) {

    .analytics-map {
        padding-top: 310px;
    }

    .rightMapBox {
        width: 100%;
        height: 300px;
    }
}

@media (max-width: 767px) {
    .wmbc {
        .content {
            margin: 20px 0 0;
        }
    }

    .page .searchbar .wrapper {
        display: flex;
        flex-direction: column;
    }

    .page .searchbar .wrapper input {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .page .searchbar .wrapper .custom-select {
        margin-right: 0;
        margin-bottom: 8px;
    }
}


@media (max-width: 991px) {
    .resettlement {
        .content {
            margin-bottom: 70px;
        }
    }

    .page.resettlement .legends  {
        display: none;
    }

    .resettlement-map {
        display: none;
    }
}

@media (max-width: 788px) {

    .statusbar {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cabinet.registration-lir .statusbar-container .statusbar-wrapper .statusbar li:after {
        content: none;
    }

    .cabinet.registration-lir .statusbar-container .statusbar-wrapper .statusbar li {
        width: 100%;
        margin-bottom: 12px;
    }
}

@media (max-width: 991px) {
    .page.resume .item .info.column + .column {
        margin-left: 0;
    }
}

.hero + .content {
    // margin-top: 240px;
    margin-top: 20px;
}

header {
    &.hero {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    }

    &.mobile {
        position: relative;
        // top: 0;
        // left: 0;
        // width: 100%;

        .navbar-expand-lg {
            flex-wrap: wrap;
            justify-content: space-between;

            .navbar-toggler {
                display: block;
            }
        }

        .navbar-brand {
            position: relative;
            width: 121px;
        }

        .navbar-collapse {
            position: fixed;
            top: 0;
            min-height: 100%;
            min-width: 100%;
            background-color: rgba(0, 0, 0, .5);
            left: -100%;
            z-index: 16;
            transition: all 600ms;

            &.show {
                left: 0;
            }

            .navbar-content {
                min-width: 320px;
                max-width: 320px;
                background-color: #FFFFFF;
                z-index: 17;
                position: absolute;
                bottom: 0;
                top: 0;
                left: 0;
                display: flex;
                flex-direction: column;
                overflow-y: auto;

                &::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                    background-color: #F5F5F5;
                }

                &::-webkit-scrollbar {
                    width: 6px;
                    background-color: #F5F5F5;
                }

                &::-webkit-scrollbar-thumb {
                    background-color: #FF8C1C;
                    border-radius: 6px;
                }

                .head {
                    display: flex;
                    align-items: center;
                    padding: 20px;
                    border-bottom: 1px solid #F5F5F6;

                    .icon {
                        margin-right: 10px;
                    }

                    .info {
                        margin-right: auto;

                        ul {
                            margin-bottom: 0;
                        }

                        .login {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 16px;
                            line-height: 20px;
                            color: #495057;
                        }

                        .last-date {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 12px;
                            line-height: 15px;
                            color: #ACB5BD;
                        }
                    }

                    .close {
                        padding: 0;
                        color: #FF8C1C;
                        display: flex;

                        &:focus {
                            outline: none;
                            box-shadow: none;
                        }
                    }
                }

                .location {
                    padding: 12px 20px;
                    border-bottom: 1px solid #F5F5F6;
                    font-family: Montserrat, sans-serif;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 18px;
                    color: #212429;
                    display: flex;
                    align-items: center;
                    text-decoration: none;

                    &::before {
                        content: '';
                        width: 16px;
                        height: 16px;
                        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE3OTMyIDcuMjkzNDlDMS4xOTAxMyA0LjExMzA1IDMuNzc3MTQgMS41NDM1NSA2Ljk1NzU4IDEuNTU0MzZDMTAuMTM4IDEuNTY1MTYgMTIuNzA3NSA0LjE1MjE4IDEyLjY5NjcgNy4zMzI2MlY3LjM5NzgzQzEyLjY1NzYgOS40NjUyMiAxMS41MDMyIDExLjM3NjEgMTAuMDg4IDEyLjg2OTZDOS4yNzg2NSAxMy43MSA4LjM3NDgzIDE0LjQ1NDEgNy4zOTQ1NCAxNS4wODdDNy4xMzI0MiAxNS4zMTM3IDYuNzQzNjIgMTUuMzEzNyA2LjQ4MTUgMTUuMDg3QzUuMDIwMTIgMTQuMTM1OCAzLjczNzUyIDEyLjkzNDkgMi42OTIzNiAxMS41MzkxQzEuNzYwODMgMTAuMzIyIDEuMjMxOTUgOC44NDQ4MSAxLjE3OTMyIDcuMzEzMDVMMS4xNzkzMiA3LjI5MzQ5WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxlbGxpcHNlIGN4PSI2LjkzODA2IiBjeT0iNy40MDQzNyIgcng9IjEuODQ1NjUiIHJ5PSIxLjg0NTY1IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
                        background-repeat: no-repeat;
                        background-size: contain;
                        margin-right: 8px;
                    }

                    &::after {
                        content: '';
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                        background-repeat: no-repeat;
                        background-position: center;
                        width: 12px;
                        height: 12px;
                        margin-left: 4px;
                    }
                }

                .navbar-top {
                    margin-bottom: auto;

                    > ul {
                        list-style: none;
                        margin: 0;
                        padding: 12px 20px;

                        &:nth-child(1) {
                            border-bottom: 1px solid #F5F5F6;
                        }

                        li {
                            a {
                                font-family: Montserrat, sans-serif;
                                font-style: normal;
                                font-weight: 500;
                                font-size: 14px;
                                line-height: 18px;
                                color: #495057;
                                text-decoration: none;

                                &[aria-expanded="true"] {
                                    color: #FF8C1C;
                                    font-weight: bold;
                                }
                            }

                            > ul {
                                list-style: none;
                                margin: 0;
                                padding: 0 0 0 16px;
                            }
                        }
                    }
                }

                .navbar-bottom {
                    padding: 12px 20px;
                    list-style: none;
                    margin: 0;

                    li {
                        ul {
                            padding: 0 0 0 24px;

                            li {
                                list-style: none;
                            }
                        }

                        a {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 30px;
                            color: #495057;
                            text-decoration: none;
                        }
                    }
                }
            }
        }

        .brand {
            font-family: Montserrat, sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 17px;
            color: #495057;
            margin-bottom: 8px;
            margin-top: 35px;
        }

        .hero {
            font-family: Montserrat Alternates, sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 24px;
            line-height: 29px;
            color: #495057;
            margin-bottom: 26px;
        }

        .searchbar {
            margin-bottom: 21px;

            .radio-btn {
                display: inline-block;
                margin-right: 5px;

                & + .radio-btn {
                    margin-top: 5px;
                }

                &:last-child {
                    margin-right: 0;
                }

                input[type=radio] {
                    display: none;

                    &:checked + label {
                        background: #FF8C1C;
                    }

                    &:disabled + label {
                        opacity: .4;
                    }
                }

                label {
                    cursor: pointer;
                    padding: 5px 12px;
                    background: #495057;
                    border-radius: 8px;
                    user-select: none;
                    font-family: Montserrat, sans-serif;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 18px;
                    color: #FFFFFF;

                    &:hover {
                        color: #FFFFFF;
                    }
                }
            }

            .searchform {
                background: #F5F5F6;
                border-radius: 8px;
                max-height: 48px;
                display: flex;
                align-items: center;
                margin-top: 10px;

                input {
                    font-family: Montserrat, sans-serif;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 14px;
                    line-height: 17px;
                    color: #495057;
                    background-color: transparent;
                    padding: 15px 16px;
                    height: 18px;
                    width: 100%;
                    border-width: 0;
                    box-shadow: none;

                    &:focus {
                        outline: none;
                        box-shadow: none;
                    }
                }
            }
        }
    }
}

.page.search-form {
    header {
        &.mobile {
            background-color: #F5F5F6;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);

            .searchbar {
                position: relative;
                top: auto;
                margin-top: 30px;

                .searchform {
                    background-color: #FFFFFF;
                }
            }
        }
    }
}

.actual-box {
    .actual-header {
        .nav-tabs {
            .nav-link, .nav-link.active {
                font-size: 14px;
                margin-bottom: 0;
            }
        }
    }
}

footer {
    overflow: hidden;
    width: 100%;

    &.mobile {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 55px;
        background-color: #FFFFFF;
        box-shadow: 0px 33px 80px rgba(0, 0, 0, 0.05), 0px 13.7866px 33.4221px rgba(0, 0, 0, 0.0359427), 0px 7.37098px 17.869px rgba(0, 0, 0, 0.0298054), 0px 4.13211px 10.0172px rgba(0, 0, 0, 0.025), 0px 2.19453px 5.32008px rgba(0, 0, 0, 0.0201946), 0px 0.913195px 2.21381px rgba(0, 0, 0, 0.0140573);
        z-index: 12;

        ul {
            display: flex;
            align-items: center;
            margin-bottom: 0;
            min-height: 100%;

            li {
                text-align: center;
                flex-basis: 25%;

                .home, .search, .service, .profile {
                    width: 26px;
                    height: 26px;
                    display: block;
                    margin: 0 auto;
                }
            }
        }
    }
}

.swiper-container {
    width: 100%;
    height: 100%;
}

// safari button appearance
button,
[type="button"] {
    -webkit-appearance: none;
}

@media (max-width: 768px) {
    .dropdown .btn-link {
        padding: 5px 0px;
    }
    .button-primary,
    .button-danger,
    .button-secondary,
    .button-alternate,
    .button-transparent,
    .button-primary-outline,
    .button-transparent-orange {
        font-size: 14px;
        line-height: 22px;
    }

    .button-primary.small,
    .button-danger.small,
    .button-secondary.small,
    .button-alternate.small,
    .button-transparent.small,
    .button-primary-outline.small,
    .button-transparent-orange.small {
        padding: 12px 16px;
    }

    .cabinet {
        &.dogovor {
            .single-line {
                flex-direction: column;
            }
        }
    }

    // .feedback-button {
    //     position: fixed;
    //     bottom: 65px;
    //     right: 16px;
    //     background-color: #FF8C1C;
    //     border-radius: 30px;
    //     font-family: 'Montserrat', sans-serif;
    //     font-size: 12px;
    //     font-style: normal;
    //     color: #FFFFFF;
    //     padding: 8px 16px;
    //     border-width: 0;
    //     display: flex;
    //     align-items: center;
    
    //     &::before {
    //         content: '';
    //         width: 24px;
    //         height: 24px;
    //         background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 24 24'><path d='M21.81,5.28l.77-2.38a1.44,1.44,0,0,0-.48-1.59,1.42,1.42,0,0,0-1.63-.1l-6.6,4.07H1V23H23V5.28ZM21,21H3V7.28H14.44l5.77-3.56L19.06,7.28H21Z'/><path d='M6.4,13a1.4,1.4,0,1,0,1.4,1.4A1.4,1.4,0,0,0,6.4,13Z'/><path d='M12,13a1.4,1.4,0,1,0,1.4,1.4A1.4,1.4,0,0,0,12,13Z'/><path d='M17.6,13A1.4,1.4,0,1,0,19,14.4,1.4,1.4,0,0,0,17.6,13Z'/></svg>");
    //         background-size: auto;
    //         display: flex;
    //         margin-right: 8px;
    //     }
    // }
}

@media (min-width: 768px) {
    .blog {
        .header {
            background-color: #F9FAFB;
            min-height: auto;
        }
    
        background-color: #F9FAFB;
        
        .page-title {
            margin-bottom: 46px;
    
            .h1 {
                font-family: Montserrat Alternates, sans-serif;
                font-size: 50px;
                font-style: normal;
                font-weight: 700;
                line-height: 61px;
                letter-spacing: 0em;
                color: #495057;
                margin-bottom: 21px;
            }
    
            p {
                font-family: Montserrat, sans-serif;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: 0em;
                color: #495057;            
            }
        }
    
        .macy-grid {
            width: 100%;
            height: auto;
            position: relative;
    
            .macy-item {
                background-color: #FFFFFF;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
                border-radius: 8px;
                height: fit-content;
                width: calc(25% - 30px);
                margin-bottom: 0;
    
                .image {
                    img {
                        border-radius: 8px;
                    }
                }
    
                .info {
                    padding: 13.5px;
    
                    .title {
                        font-family: Montserrat, sans-serif;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 20px;
                        letter-spacing: 0em;
                        color: #212429;
                        margin-bottom: 7px;
                    }
        
                    .desc {
                        font-family: Montserrat, sans-serif;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 18px;
                        letter-spacing: 0em;
                        color: #ACB5BD;
                    }
                }
    
                &.first {
                    width: calc(50% - 30px);
                    position: relative;
    
                    .image {
                        position: relative;
    
                        &::after {
                            content: '';
                            background: rgb(0,0,0);
                            background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                            background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
                            border-radius: 8px;
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
                    }
    
                    .info {
                        position: absolute;
                        bottom: 25px;
                        left: 16px;
                        right: 16px;
    
                        .title {
                            font-size: 32px;
                            line-height: 39px;
                            color: #FFFFFF;
                        }
            
                        .desc {
                            font-size: 16px;
                            line-height: 18px;
                            color: #FFFFFF;
                        }
                    }
                }
            }
        }
    
        &.article {
            .page-head {
                position: relative;
                overflow: hidden;
                min-height: 553px;
                margin-bottom: 52px;
    
                .image {
                    min-height: 553px;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: top center;
                    border-radius: 24px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
    
                    &::after {
                        content: '';
                        background: rgb(0,0,0);
                        background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
                        border-radius: 24px;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }
                }
    
                .content {
                    position: absolute;
                    bottom: 40px;
                    left: 40px;
                    max-width: 830px;
                    z-index: 10;
    
                    .title {
                        font-family: Montserrat Alternates, sans-serif;
                        font-size: 32px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 39px;
                        letter-spacing: 0em;
                        color: #FFFFFF;
                        margin-bottom: 20px;
                    }
    
                    .desc {
                        font-family: Montserrat, sans-serif;
                        font-size: 18px;
                        font-style: italic;
                        font-weight: 400;
                        line-height: 22px;
                        letter-spacing: 0em;
                        color: #FFFFFF;
                        margin-bottom: 20px;
                    }
    
                    .breadcrumbs {
                        display: flex;
                        flex-direction: row;
                        font-family: Montserrat, sans-serif;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 17px;
                        letter-spacing: 0em;
                        color: #FFFFFF;
    
                        a {
                            display: flex;
                            align-items: center;
                            font-family: Montserrat, sans-serif;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 17px;
                            letter-spacing: 0em;
                            color: #FFFFFF;
                            text-decoration: none;
    
                            &::after {
                                content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.518441 9.52602C0.344573 9.35557 0.328767 9.08885 0.471023 8.90089L0.518441 8.84705L4.44283 4.99998L0.518441 1.15291C0.344573 0.982462 0.328767 0.715736 0.471023 0.527782L0.518441 0.473934C0.692309 0.303484 0.964384 0.287989 1.15611 0.427448L1.21104 0.473934L5.48156 4.66049C5.65543 4.83094 5.67123 5.09767 5.52898 5.28562L5.48156 5.33947L1.21104 9.52602C1.01978 9.71352 0.709696 9.71352 0.518441 9.52602Z' fill='white'/></svg>");
                                margin-left: 15px;
                                margin-right: 15px;
                            }
                        }
                    }
                }
            }
    
            .text {
                font-family: Montserrat, sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 34px;
                letter-spacing: 0em;
                color: #111827;
    
                blockquote {
                    font-family: Montserrat, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34px;
                    letter-spacing: 0em;
                    color: #6B7280;
                    position: relative;
                    padding-left: 67px;
                    padding-top: 38px;
                    margin-top: 35px;
                    margin-bottom: 35px;
    
                    &::before {
                        content: url("data:image/png;base64,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");
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                }
    
                .question {
                    font-family: Montserrat Alternates, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 34px;
                    letter-spacing: 0em;
                    color: #111827;
                    margin-top: 35px;
                    margin-bottom: 35px;
                    padding-left: 60px;
                    position: relative;
    
                    a {
                        font-family: Montserrat Alternates, sans-serif;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 34px;
                        letter-spacing: 0em;
                        color: #FF8C1C;
                        text-decoration: underline;
    
                        &:hover {
                            text-decoration: none;
                        }
                    }
    
                    &::before {
                        content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOMSURBVHgBtZbPahRBEMarZnYXBcH1CVxv3swbJOQFJKCIiCQ5ePKQ9ZKbZhYfIOhZcA8iejKC4EXJ5g2Sgxcvbg6CCCII0U12usvqquqZSbJryAQbeuffdv3qq/66ZxBOaPSm24bzrSUgugbg58D7NpB0vvTbQPkQCN8CjAa40B+eFA+ng7I2XMhXOHBXAcQAx08cKcwFII8XMA/ga6Q+jHwPb08HTwTSh94iJLTOgS5xINKAHDyCKHZfSYI0ARJ4hjdf9CbFTo7BNntrnEafc2nr4wQBEYvc0I5kPTTPD4kUBj7czej1nfUTgbT5eI0HZxYQlYHalUklpaDqvXBA/vEGRrdCr249nwqkj9kSlySDQxEjKCnBEMGgaqSEZOU1GFkC4Bfp5Y1uFSga6H3WgRZu8mkHJjUJkhO4HMHnR86DefLSOJKEUziQ3j/wV3B5Y1gqbMGawIgm8lgh6VwmQTFJuWNJ1VBkRuJEHBaKZU75vElFaVHUNeFLMV8SkDSgzAuWKoMSN+Z+YH0c1NrRmYPFOLGkGkt0+Bm8+24nYXVzkS3pBPujnQuMSpWqsGIep+UtYLZEfIT6Son9QgjT4H79+JyRyT1ywFQNJFmHwE7n0Y+hgMhmYKXWvPQaaVaBxHOHMaQlnpiwoIQqxHCWNFSlwGJ5cyh2nGKZSDyU63DuaSYqnNGqUen86J3CQ6SqwsOkoankfwDGv1nlGAs1Uj7JhoQFVikUM7Tp2fzlBmebaSao4aOdE6xatnwe2t63Odj7Pns4qUPJYlEjsCpR+ZdTN3pyNQO//whaFxHSFieXlpuDulqXUWRinKC004BajZ05+qVhGucB0qbNrTgZpVe3RFIq3tvarQcMc+bZLPnIbgTHNpGhtjlU1MoSCwnAdvhnTWBwnVOHJqwq5+vEdpewdFLbmSgxobKhbdUHJmCbdoCOo6HMbOxQl5RrVsCSTP9sCnUHUaXosDCHY5eLiUDz0IoO8P7OGUoqMND1h6Y0rCbHk5ZIQvZasLf0fnM5jqwJNIVKYcMEUzAhDZ8a9pzCDpOGRd/DB5+GZwWC7CjyHcPQlEylsLS8Xr4YBtj9nFWH1QVSUa64UQeRQSk6MxW7MqWFowPrutSw9k2DMmlWZgjgp7i62/3X0NM1mbMCivotI0q32DjzuPq1O21oXZeCvR1+slN2GcYg2sCHPwbwPxpl0KbsXAdqtL/AEzZJCtXzQQAAAABJRU5ErkJggg==');
                        margin-right: 20px;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                }
    
                .image-holder {
                    font-family: Montserrat, sans-serif;
                    font-style: normal;
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 24px;
                    color: #6B7280;
                    margin-top: 35px;
                    margin-bottom: 35px;
    
                    span {
                        color: #FF8C1C;
                    }
                }
    
                img {
                    width: 100%;
                    max-width: 100%;
                }
    
                strong {
                    font-family: Montserrat, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 34px;
                    letter-spacing: 0em;
                    color: #111827;
                }
    
                p {
                    font-family: Montserrat, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34px;
                    letter-spacing: 0em;
                    color: #111827;
    
                    & + p:not(.image-holder) {
                        margin-top: 25px;
                    }
                }
    
                a {
                    font-family: Montserrat, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34px;
                    letter-spacing: 0em;
                    color: #FF8C1C;
                    text-decoration: none;
    
                    &:hover {
                        text-decoration: underline;
                    }
                }
    
            }
    
            .last-content {
                .title {
                    font-family: Montserrat, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 20px;
                    letter-spacing: 0em;
                    color: #111827;
                    margin-bottom: 18px;
                }
    
                .content {
                    margin: 0;
                    position: relative;
    
                    a::after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }
    
                    .image {
                        position: relative;
                        margin-bottom: 8px;
    
                        img {
                            border-radius: 6px;
                        }
    
                        .created {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 12px;
                            line-height: 8px;
                            text-align: center;
                            color: #FFFFFF;
                            background: rgba(196, 196, 196, 0.2);
                            backdrop-filter: blur(10px);
                            border-radius: 5px 1px;
                            padding: 4px 5px;
                            position: absolute;
                            left: 6px;
                            bottom: 6px;
                        }
                    }
    
                    .title {
                        font-family: Montserrat, sans-serif;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 20px;
                        letter-spacing: 0em;
                        color: #111827;
                    }
    
                    & + .content {
                        margin-top: 28px;
                    }
    
                    &:hover {
                        .title {
                            color: #FF8C1C;
                        }
                    }
                }
            }
    
            .read-more {
                .title {
                    font-family: Montserrat, sans-serif;
                    font-size: 20px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 20px;
                    letter-spacing: 0em;
                    color: #111827;
                    margin-bottom: 18px;
                }
    
                .row {
                    flex-wrap: wrap;

                    > div {
                        margin: 0 0 16px;
                    }
                    .content {
                        margin: 0;
                        position: relative;
    
                        .image {
                            position: relative;
                            margin-bottom: 8px;
                            max-height: 120px;
                            overflow: hidden;
    
                            img {
                                max-width: 100%;
                                border-radius: 6px;
                            }
    
                            .created {
                                font-family: Montserrat, sans-serif;
                                font-style: normal;
                                font-weight: 500;
                                font-size: 12px;
                                line-height: 8px;
                                text-align: center;
                                color: #FFFFFF;
                                background: rgba(196, 196, 196, 0.2);
                                backdrop-filter: blur(10px);
                                border-radius: 5px 1px;
                                padding: 4px 5px;
                                position: absolute;
                                left: 6px;
                                bottom: 6px;
                            }
                        }
    
                        .title {
                            font-family: Montserrat, sans-serif;
                            font-size: 12px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 15px;
                            letter-spacing: 0em;
                            color: #111827;
                        }
    
                        a::after {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
    
                        &:hover {
                            .title {
                                color: #FF8C1C;
                            }
                        }
                    }
                }
            }
    
            .share-box {
                border: 1px solid #E5E7EB;
                box-sizing: border-box;
                border-radius: 12px;
                margin-bottom: 45px;
                padding: 22px;
    
                strong {
                    font-family: Montserrat, sans-serif;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 20px;
                    letter-spacing: 0em;
                    color: #111827;
                    margin-bottom: 20px;
                    display: block;
                }
    
                .subscribe {
                    display: flex;
                    align-items: center;
    
                    input {
                        background: #FFFFFF;
                        border: 1px solid #F2F2F2;
                        box-sizing: border-box;
                        border-radius: 5px;
                        font-family: Montserrat, sans-serif;
                        font-style: normal;
                        font-weight: 300;
                        font-size: 12px;
                        line-height: 20px;
                        color: #141414;
                        padding: 8px 16px;
    
                        &::placeholder {
                            font-family: Montserrat, sans-serif;
                            font-style: normal;
                            font-weight: 300;
                            font-size: 12px;
                            line-height: 20px;
                            color: #141414;
                            opacity: 0.3;
                        }
                    }
    
                    button {
                        background: #FF8C1C;
                        border-radius: 5px;
                        font-family: Montserrat, sans-serif;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 20px;
                        letter-spacing: 0em;
                        color: #FFFFFF;
                        display: block;
                        width: 144px;
                        height: 35px;
                        padding: 8px 24px;
                        margin-left: 6px;
                    }
                }
            }
        }
    }
}